<template>
  <div>
    <h3>{{ fatherValue }}</h3>
    <!-- <calendar :value="fatherValue" @update:value="fatherValue = $event" /> -->
    <calendar :value.sync="fatherValue" />
  </div>
</template>
<script>
import calendar from './components/calendar.vue'
export default {
  components: {
    calendar
  },
  data() {
    return {
      fatherValue: new Date()
    }
  }
}
</script>
<style lang="scss" scoped></style>
